<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="modele.Article, modele.Membre, modele.Commentaire, java.util.ArrayList, java.util.Date, java.text.SimpleDateFormat, 
				java.util.StringTokenizer, modele.Config" %>
<%  ArrayList<Article> listearticlesCom = (ArrayList<Article>) request.getAttribute("listearticlesCom");
    ArrayList<Article> listearticlesNote = (ArrayList<Article>) request.getAttribute("listearticlesNote");
	ArrayList<Membre> classementMembre = (ArrayList<Membre>) request.getAttribute("classementMembre");
	
	ArrayList<Article> listearticlesDate = (ArrayList<Article>) request.getAttribute("listearticlesDate");
	ArrayList<String> resumesArticles = (ArrayList<String>)request.getAttribute("resumesArticles");
	
	SimpleDateFormat formatDate = (SimpleDateFormat)request.getAttribute("formatDate");
	ArrayList<Commentaire> listecomsDate = (ArrayList<Commentaire>) request.getAttribute("listecomsDate");
	
%>

<h3>Bienvenue sur la page d'accueil</h3>
<div id="menuDroite">
	<div id="usual1"> 
		<ul class="usual"> 
			<li><a class="selected" href="#tab1">Les articles les plus commentés</a></li> 
		  	<li><a class="selected" href="#tab2">Les articles les mieux notés</a></li>
		</ul> 
		<div id="tab1">
			<ul>
				<%
				if (listearticlesCom!=null){
					for(int i=0;i<Math.min(5, listearticlesCom.size());i++){
					Article art=listearticlesCom.get(i);
				%>
				<li><a href="Consultation?page=article&idArticle=<%=art.getId()%>"><%=art.getTitre()%></a><span class="infoArticle"> <%=art.getCommentaires().size()%> commentaires</span></li>
				<%
					} 
				}
				%>
			</ul>
		</div> 
		<div id="tab2">
			<ul>
				<% 
				if (listearticlesNote!=null){
				for(int i=0;i<Math.min(5, listearticlesNote.size());i++){
				Article art=listearticlesNote.get(i);
				%>
				<li><a href="Consultation?page=article&idArticle=<%=art.getId()%>"><%=art.getTitre()%></a><span class="infoArticle"> <%=art.getNoteMoyenne()%>/5</span></li>
				<%} 
				}%>
			</ul>
		</div> 
	</div>
	<div id="meilleurRedacteur">
		<p class="titreMenuDroite">Les meilleurs rédacteurs</p>
		<ul><% 
			if (classementMembre!=null){
				for(int i=0;i<Math.min(5, classementMembre.size());i++){
					Membre m=classementMembre.get(i);
			%>
				<li><a href="Consultation?page=infosMembre&idMembre=<%=m.getId()%>"><%=m.getPseudo()%></a><span class="infoMembre"> <%=m.getPoints()%> points</span></li>
			<%	} 
			}%>
		</ul>
	</div>
	<div id="dernierCommentaires">
		<p class="titreMenuDroite">Les derniers commentaires</p>
		<ul>
			<% 
			if (listecomsDate!=null){
			for(Commentaire com :  listecomsDate){
			%>
			<li><a href="Consultation?page=infosMembre&idMembre=<%=com.getAuteur().getId()%>&numeroPage=1&tri=date"><%=com.getAuteur().getPseudo()%></a> a commenté l'article <a href="Consultation?page=article&idArticle=<%=com.getArticle().getId()%>"><%=com.getArticle().getTitre()%></a></li>
			<%} 
			}%>
		</ul>
	</div> 
</div>
<p>Articles récemment mis en ligne :</p>
<div id="articlesAccueil">
	<% for (int i=0;i<listearticlesDate.size();i++ ) {
		Article art = listearticlesDate.get(i);
		
		// Texte de l'article
		String texte = art.getTexte();
		
		// Categorie de l'article
		String categorie = art.getSport().getName();
		if (art.getCompetition()!=null){
			categorie += " - " + art.getCompetition().getName();
		}
		String couleurSport = art.getSport().getName();
		int nbCommentaires = art.getCommentaires().size();
		float note = ((float) ((int) (art.getNoteMoyenne()*100))) / 100;
	%>
		<div class="blocResumeArticle">
			<div class="<%=couleurSport %>">
				<h1><span class="auteurArticle">Par <a class="blocAuteurArticle" href="Consultation?page=infosMembre&idMembre=<%=art.getAuteur().getId()%>&numeroPage=1&tri=date"><%= art.getAuteur().getPseudo() %></a></span><%= categorie %>&nbsp;|&nbsp;<a href="Consultation?page=article&idArticle=<%=art.getId()%>"><%= art.getTitre() %></a></h1>
			</div>
			<p class="dateArticle"><%= formatDate.format(art.getDate())%></p>
			<p class="resumeArticle">
			<%= resumesArticles.get(i) %>
			</p>
			<p class="detailsArticle"><a href="Consultation?page=article&idArticle=<%=art.getId()%>">lire plus</a></p>
			<p class="infosArticle"><%= nbCommentaires %> commentaires / note : <%= note %>/5</p>
		</div>
	<%
	}
		%>
</div>